import { Canvas, Meta, DocsContainer, Story } from '@storybook/blocks';
import * as DialogStories from './dialog.stories';

<Meta of={DialogStories} />

# Dialogs

## Basics

- Use only when the user has to make a decision RIGHT NOW
- It's always better to do the action and then allow an "undo" option rather than using an "Are you sure?" dialog
- To notify the user less intrusively, consider using a [snackbar](?path=/story/components-snackbar--basic) instead

---

## Anatomy

{/* <Story id="components-dialog--anatomy" /> is deprecated, please migrate it to <Story of={referenceToStory} /> see: https://storybook.js.org/migration-guides/7.0 */}

{' '}
<Story id="components-dialog--anatomy" />

---

## Examples

### Logout

{/* <Story id="components-dialog--logout" /> is deprecated, please migrate it to <Story of={referenceToStory} /> see: https://storybook.js.org/migration-guides/7.0 */}

{' '}
<Story id="components-dialog--logout" />

### Destructive dialog

{/* <Story id="components-dialog--udf" /> is deprecated, please migrate it to <Story of={referenceToStory} /> see: https://storybook.js.org/migration-guides/7.0 */}

{' '}
<Story id="components-dialog--udf" />
